
<!DOCTYPE html>
<#assign base=req.contextPath />
<html>
    <head>
		<base id="base" href="${base}">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- <title>网站建设_系统定制开发_APP开发_微信开发_商城建设_视频制作-山东神华信息技术有限公司</title>
		<meta name="Keywords" content="山东神华信息技术有限公司,网站建设,软件开发,微信开发,商城建设,APP开发,定制开发,网站优化,SEO,网络推广,视频制作,企业宣传片制作">
		<meta name="Description" content="山东神华信息技术有限公司主要服务:网站建设,软件开发,微信开发,商城建设,APP开发,定制开发,网站优化,SEO,视频制作,企业宣传片制作"> -->
		<title>2018夏令营活动_中小学夏令营_游学夏令营_军事夏令营_暑假夏令营</title>
		<meta name="keywords" content="夏令营,暑期夏令营,中小学夏令营,军事夏令营,青少年夏令营,夏令营活动" />
		<meta name="description" content="快乐夏令营【官网】2018夏令营活动：国内夏令营,英语夏令营,军事夏令营,海外游学夏令营,暑假夏令营,中小学夏令营,青少年夏令营。北京,上海,广州,深圳,杭州,武汉,成都,重庆等城市夏令营。" />
		<link rel="stylesheet" type="text/css" href="${base}/css/common.css" />
		<link rel="stylesheet" type="text/css" href="${base}/css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${base}/css/index.css">
		<link rel="stylesheet" type="text/css" href="${base}/css/guoji.css">
		<script type="text/javascript" src="${base}/js/modules/sys/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="${base}/js/common.js"></script>
	</head>
    <body>

		<!-- 头顶部结构start -->
		<div class="zy_bd_o">
			<div class="auto clearfix">
				<div class="zy_bd_ol">
					<a href="" title="">欢迎您来到开心夏令营！</a>
				</div>
				<div class="zy_bd_or">
					<ul class="zy_bd_or_ul clearfix">
						<li class="zy_bd_or_li zy_bd_or_f">
							<a href="" title="">
								<i class="iconfont icon-gouwuche1"></i>
								购物车(<span>0</span>)件
							</a>
						</li>
						<li class="zy_bd_or_li">
							<a href="/register" title="">
								<i class="iconfont icon-zhuce"></i>
								注册
							</a>
						</li>
						<li class="zy_bd_or_li">
							<a href="/login" title="">
								<i class="iconfont icon-yonghu"></i>
								登录
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 头顶部结构end -->
		
		<!-- 头部搜索结构start -->
		<div class="zy_hd_search auto clearfix">
			<div class="zy_hd_search_l">
				<a href="/" target="_blank" title="开心夏令营">
					<img alt="开心夏令营" src="https://img3.xhdxly.com/image_2019/logo_he.png" />
				</a>
			</div>
			<div class="zy_hd_search_m" id="zy_hd_search_m">
				<div class="auto">
					<div class="zy_hd_search_mt clearfix">
						<!-- <form action="" method="" name="" id="" target="_blank"> -->
							<input type="text" name="" id="zy_hd_search_mtext" value="" class="zy_hd_search_mtc" placeholder="请输入您要搜索的内容...">
							<div class="zy_hd_search_mtw" id="zy_hd_search_mtw">
								<i class="iconfont icon-sousuo"></i>
								<input type="submit" value="搜索" class="zy_hd_search_mtb">
							</div>    
						<!-- </form> -->
					</div>
					<div class="zy_hd_search_mb">
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
					</div>
				</div>
			</div>
			<div class="zy_hd_search_r clearfix">
				<i class="iconfont icon-phone2"></i>
				<div class="zy_hd_search_rt">
					<span class="zy_hd_search_rtt">24小时客服热线</span>
					<span class="zy_hd_search_rtb">400-123-1234</span>
				</div>
			</div>
		</div>
		<!-- 头部搜索结构end -->

		<!-- 导航结构start -->
		<div class="zy_hd_nav">
			<div class="auto clearfix">
				<div class="zy_hd_navl fl" id="zy_hd_navl">
					<p class="zy_hd_navl_t">
						<i class="iconfont icon-fenlei"></i>全部课程分类
					</p>
					<div class="zy_hd_down">
						<ul class="zy_hd_down_ul">
							<#if navlist??&& (navlist?size > 0)>
								<#list navlist as nav>
									<li class="zy_hd_down_li">
										<div class="zy_hd_o_inner">
											<p class="zy_hd_o_t">${nav.cataname}<i class="iconfont icon-right"></i></p>
											<#if nav.rightcontent??&& (nav.rightcontent?size > 0)>
												<#list nav.rightcontent as right>
													<a href="${base}/${right.linkid}" title=${right.name} target="_blank">${right.name}</a>
												</#list>
											</#if>
										</div>
										<div class="zy_hd_t_wrap clearfix">
											<ul class="zy_hd_t_ul">
												<#if nav.lelftcontent??&& (nav.lelftcontent?size > 0)>
													<#list nav.lelftcontent as left>
														<li class="zy_hd_t_li clearfix">
															<h3 class="zy_hd_t_t">${left.subcataname}<i class="iconfont icon-right"></i></h3>
															<div class="zy_hd_t_al">
																<#list left.subcataval as val>
																	<a href="${base}/${val.linkid}" title=${val.name} target="_blank">${val.name}</a>
																</#list>
															</div>
														</li>
													</#list>
												</#if>
											</ul>
										</div>
									</li>
								</#list>
							</#if>
						</ul>
					</div>
				</div>
				<div class="zy_hd_navr fl">
					<ul class="zy_hd_navr_ul clearfix">
						<#if barlist??&& (barlist?size > 0)>
							<#list barlist as bar>
								<li class="zy_hd_navr_li fl">
									<a href="${base}/${bar.link}" target="_blank" title=${bar.name}>${bar.name}</a>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>
		</div>
		<!-- 导航结构end -->
		
		<!-- 轮播结构start -->
		<div class="zy_banner" id="zy_banner">
			<div class="zy_banner_cont">
				<div class="zy_banner_btns clearfix">
					<a href="javascript:;" class="zy_banner_prev fl">
						<i class="iconfont icon-zuoyou"></i>
					</a>
					<a href="javascript:;" class="zy_banner_next fr">
						<i class="iconfont icon-right"></i>
					</a>
				</div>
				<ul class="zy_banner_side">
					<#if banner??&& (banner?size > 0)>
						<#list banner as item>
							<li class="zy_banner_side_item">
								<a href="${base}/${item.link}" title=${item.name} target="_blank">
									<img src=${item.img} alt=${item.name}>
								</a>
							</li>
						</#list>
					</#if>
				</ul>
				<ol class="zy_banner_slider_num">
					<#if banner??&& (banner?size > 0)>
						<#list banner as item>
							<li class=""></li>
						</#list>
					</#if>
				</ol>
			</div>
		</div>
		<!-- 轮播结构end -->

		<!-- 轮播右结构start -->
		<div class="auto zy_sauto" id="zy_sauto">
				<div class="zy_sales">
					<!-- <div class="zy_sales_t">
						<div class="zy_sales_tt clearfix">
							<div class="zy_sales_ttl fl">
								<img src="<%=nginxIp%>images/dl_touxiang.jpg" alt="">
							</div>
							<div class="zy_sales_ttr fl">
								<p>Hi，欢迎来到开心网</p>
								<a href="" title="登录" target="_blank">登录</a>
								<a href="" title="注册" target="_blank">注册</a>
							</div>
						</div>
						<div class="zy_sales_tb clearfix">
							<a class="zy_sales_tb_a" href="" title="新人福利" target="_blank">新人福利</a>
							<a href="" title="开心代言人" target="_blank">开心代言人</a>
						</div>
					</div> -->
					<div class="zy_sales_b">
						<!-- <div class="zy_sales_bt">
							<ul class="zy_sales_bt_ul clearfix">
								<li class="zy_sales_bt_li active">
									<a href="javascript:;" title="促销">促销</a>
								</li>
								<li class="zy_sales_bt_li notr-bor">
									<a href="javascript:;" title="头条">头条</a>
								</li>
							</ul>
							<a class="zy_sales_bt_more" href="" title="更多">更多</a>
						</div> -->
						<div class="zy_sales_bm">
							<div class="zy_sales_bm_cont">
								<p class="zy_sales_bm_title">最新动态</p>
								<ul class="zy_sales_bm_ul">
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											<h2 class="zy_scales_bm_h2">英孚海外游学大礼包等你拿！</h2>
										</a>
									</li>
								</ul>
							</div>
							<!-- <div class="zy_sales_bm_cont" style="display: none;">
								<ul class="zy_sales_bm_ul">
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											英孚海外游学大礼包等你拿！
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											英孚海外游学大礼包等你拿！
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											英孚海外游学大礼包等你拿！
										</a>
									</li>
									<li class="zy_sales_bm_li">
										<a href="javascript:;" title="">
											<i class="iconfont icon-right"></i>
											英孚海外游学大礼包等你拿！
										</a>
									</li>
								</ul>
							</div> -->
						</div>
						<div class="zy_sales_bb clearfix">
							<div class="zy_sales_bb_er">
								<img src="" alt="">
								<p>微信在线咨询</p>
							</div>
							<div class="zy_sales_bb_er">
								<img src="" alt="">
								<p>微信公众号</p>
							</div>
						</div>
					</div>
				</div>
		</div>
		<!-- 轮播右结构end -->

		<!-- 导航定位结构start -->
		<!--<div class="auto">-->
			<!--<div class="zy_p_nav" id="zy_p_nav">-->
				<!--<a class="zy_p_nav_f" href="javascript:;">导航</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">夏令营机构</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">限时抢购</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">国际游学</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">国内夏令营</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">假日活动</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">精彩时刻</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">最新资讯</a>-->
				<!--<a class="zy_p_nav_n" href="javascript:;">友情链接</a>-->
				<!--<a class="zy_p_nav_l" id="zy_p_nav_l" href="javascript:;">顶部</a>-->
			<!--</div>-->
		<!--</div>		-->
		<!-- 导航定位结构end -->

		<!-- 右侧边栏结构start -->
		<div class="zy_sidebar" id="zy_sidebar">
			<a class="zy_sidebar_n01" id="zy_sidebar_cart" href="javascript:;" title="">
				<i class="iconfont icon-gouwuche1"></i>
				购物车
			</a>
			<a class="zy_sidebar_n02" href="javascript:;" title="">
				<i class="iconfont icon-unie652"></i>
				在线客服
			</a>
			<a class="zy_sidebar_n03" href="javascript:;" title="">
				<i class="iconfont icon-zuoji"></i>
				联系电话
			</a>
			<a class="zy_sidebar_n04" id="zy_sidebar_l" href="javascript:;" title="">
				<i class="iconfont icon-top1"></i>
				回到顶部
			</a>
		</div>		
		<!-- 右侧边栏结构end -->

		<!-- 夏令营机构结构start -->
		<div class="zy_ojg auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">夏令营机构</h2>
				</div>
			</div>
			<div class="zy_ojg_list">
				<ul class="zy_ojg_list_ul clearfix">
					<#if mechanism.list??&& (mechanism.list?size > 0)>
						<#list mechanism.list as item>
							<li class="zy_ojg_list_li">
								<a href=${item.id} title=${item.name}><img src=${item.logo} alt=${item.name}/></a>
							</li>
						</#list>
					</#if>
					<li class="zy_ojg_list_li zy_ojg_list_last">
						<span class="zy_ojg_list_hyh">
							<i class="iconfont icon-xuanzhuan"></i>换一换
						</span>
					</li>
				</ul>
			</div>
		</div>
		<!-- 夏令营机构结构end -->

		<!-- 美国游学结构start -->
		<div class="zy_yx auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">美国游学</h2>
				</div>
				<div class="zy_item_nav clearfix">
					<ul class="zy_item_nav_ul clearfix">
						<#if guojiusa.rightcontent??&& (guojiusa.rightcontent?size > 0)>
							<#list guojiusa.rightcontent as item>
								<#if item_index==0>
									<li class="zy_item_nav_li zy_item_nav_ac">
								<#else>
									<li class="zy_item_nav_li">
								</#if>
									<a href="javascript:;" title=${item.name}>${item.name}</a>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
				<!--<div class="zy_item_more">-->
					<!--<a href="" title="更多留学体验" target="_blank">-->
						<!--<i class="iconfont icon-more"></i>-->
						<!--更多留学体验-->
					<!--</a>-->
				<!--</div>-->
			</div>
			<div class="auto zy_item_b clearfix">
				<div class="zy_item_cl">
					<!--<div class="zy_item_clt">-->
						<!--<a href="" title="" target="_blank">-->
							<!--<img src="https://img5.xhdxly.com/origin/800/469/8004696382188020630.jpg" alt="">-->
						<!--</a>-->
					<!--</div>-->
					<div class="zy_item_clb">
						<h3 class="zy_item_clb_title">游学主题</h3>
						<div class="zy_item_clb_list">
							<#if guojiusa.hotzt??&& (guojiusa.hotzt?size > 0)>
								<#list guojiusa.hotzt as zt>
									<a href="${base}/${zt.link}" title=${zt.name} target="_blank">${zt.name}</a>
								</#list>
							</#if>
						</div>
					</div>
					<div class="zy_item_clb">
						<h3 class="zy_item_clb_title">热门城市</h3>
						<div class="zy_item_clb_list">
							<#if guojiusa.hotcs??&& (guojiusa.hotcs?size > 0)>
								<#list guojiusa.hotcs as cs>
									<a href="${base}/${cs.link}" title=${cs.name} target="_blank">${cs.name}</a>
								</#list>
							</#if>
						</div>
					</div>
				</div>
				<div class="zy_item_c zy_item_cm40">
					<#if guojiusa.rightcontent??&& (guojiusa.rightcontent?size > 0)>
						<#list guojiusa.rightcontent as right>
							<#if right_index==0>
								<ul class="zy_item_c_ul clearfix" style="display: block;">
							<#else>
								<ul class="zy_item_c_ul clearfix">
							</#if>
							<#if right.valuelist??&& (right.valuelist?size > 0)>
								<#list right.valuelist as value>
									<#if value_index<5>
										<li class="zy_item_c_li clearfix">
											<div class="zy_item_c_img">
												<a href="${base}/${value.link}" title=${value.title} target="_blank">
													<img src=${value.imgs} alt=${value.title}>
												</a>
											</div>
											<div class="zy_item_c_mw">
												<div class="zy_item_c_m">
													<a href="${base}/${value.link}" title=${value.title} target="_blank">
														<h2 class="zys_main_rm_title">${value.title}</h2>
														<p class="zys_main_rm_dec">${value.title}</p>
														<span class="zys_main_rm_apply">适合对象：${value.zsdxDesc}&nbsp;&nbsp;&nbsp;&nbsp;活动地点：${value.zbcsDesc}&nbsp;&nbsp;&nbsp;&nbsp;营期：${value.xcDesc}</span>
													</a>
												</div>
												<div class="zy_item_c_b clearfix">
													<!--<span class="zy_item_c_bp">￥1800<i>/7天</i></span>-->
													<a href="${base}/${value.link}" class="zy_item_c_xq">查看详情</a>
												</div>
											</div>
										</li>
									</#if>
								</#list>
							</#if>
							</ul>
						</#list>
					</#if>
				</div>
			</div>
		</div>

		<!-- 美国游学结构end -->

		<!-- 英国游学结构start -->
		<div class="zy_yx auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">英国游学</h2>
				</div>
				<div class="zy_item_nav clearfix">
					<ul class="zy_item_nav_ul clearfix">
						<#if guojieng.rightcontent??&& (guojieng.rightcontent?size > 0)>
							<#list guojieng.rightcontent as item>
								<#if item_index==0>
									<li class="zy_item_nav_li zy_item_nav_ac">
								<#else>
									<li class="zy_item_nav_li">
								</#if>
								<a href="javascript:;" title=${item.name}>${item.name}</a>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
				<!--<div class="zy_item_more">-->
					<!--<a href="" title="更多留学体验" target="_blank">-->
						<!--<i class="iconfont icon-more"></i>-->
						<!--更多留学体验-->
					<!--</a>-->
				<!--</div>-->
			</div>
			<div class="auto zy_item_b clearfix">
				<div class="zy_item_cl">
					<!--<div class="zy_item_clt">-->
						<!--<a href="" title="" target="_blank">-->
							<!--<img src="https://img5.xhdxly.com/origin/800/469/8004696382188020630.jpg" alt="">-->
						<!--</a>-->
					<!--</div>-->

					<div class="zy_item_clb">
						<h3 class="zy_item_clb_title">游学主题</h3>
						<div class="zy_item_clb_list">
							<#if guojieng.hotzt??&& (guojieng.hotzt?size > 0)>
								<#list guojieng.hotzt as zt>
									<a href="${base}/${zt.link}" title=${zt.name} target="_blank">${zt.name}</a>
								</#list>
							</#if>
						</div>
					</div>
					<div class="zy_item_clb">
						<h3 class="zy_item_clb_title">热门城市</h3>
						<div class="zy_item_clb_list">
							<#if guojieng.hotcs??&& (guojieng.hotcs?size > 0)>
								<#list guojieng.hotcs as cs>
									<a href="${base}/${cs.link}" title=${cs.name} target="_blank">${cs.name}</a>
								</#list>
							</#if>
						</div>
					</div>
				</div>
				<div class="zy_item_c zy_item_cm40">
					<#if guojiusa.rightcontent??&& (guojiusa.rightcontent?size > 0)>
						<#list guojiusa.rightcontent as right>
							<#if right_index==0>
								<ul class="zy_item_c_ul clearfix" style="display: block;">
							<#else>
								<ul class="zy_item_c_ul clearfix">
							</#if>
							<#if right.valuelist??&& (right.valuelist?size > 0)>
								<#list right.valuelist as value>
									<#if value_index<5>
										<li class="zy_item_c_li clearfix">
											<div class="zy_item_c_img">
												<a href="${base}/${value.link}" title=${value.title} target="_blank">
													<img src=${value.imgs} alt=${value.title}>
												</a>
											</div>
											<div class="zy_item_c_mw">
												<div class="zy_item_c_m">
													<a href="${base}/${value.link}" title=${value.title} target="_blank">
														<h2 class="zys_main_rm_title">${value.title}</h2>
														<p class="zys_main_rm_dec">${value.title}</p>
														<span class="zys_main_rm_apply">适合对象：${value.zsdxDesc}&nbsp;&nbsp;&nbsp;&nbsp;活动地点：${value.zbcsDesc}&nbsp;&nbsp;&nbsp;&nbsp;营期：${value.xcDesc}</span>
													</a>
												</div>
												<div class="zy_item_c_b clearfix">
													<!--<span class="zy_item_c_bp">￥1800<i>/7天</i></span>-->
													<a href="${base}/${value.link}" class="zy_item_c_xq">查看详情</a>
												</div>
											</div>
										</li>
									</#if>
								</#list>
							</#if>
							</ul>
						</#list>
					</#if>
				</div>
			</div>
		</div>
		<!-- 英国游学结构end -->

		<!-- 精彩时刻结构start -->
		<div class="zy_fjc auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">精彩时刻</h2>
				</div>
				<div class="zy_item_more">
					<a href="" title="更多" target="_blank">
						<i class="iconfont icon-more"></i>
						更多
					</a>
				</div>
			</div>
			<div class="auto clearfix">
				<div class="zy_sjc">
					<ul class="zy_sjc_ul">
						<li class="zy_sjc_li_01">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_02">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_03">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_04">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_05">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_06">
							<a href="" title="" target="_blank">
								<img src="https://img5.xhdxly.com/crop/613/509/61350999427295451950-272X272.jpg" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
						<li class="zy_sjc_li_07">
							<a href="" title="" target="_blank">
								<img src="" alt="" title="">
								<div class="zy_sjc_li_tw">
									<h2 class="zy_sjc_li_title">中国游学</h2>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 精彩时刻结构end -->

		<!-- 最新资讯结构start -->
		<div class="zy_szx auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">最新资讯</h2>
				</div>
				<div class="zy_item_more">
					<a href="" title="更多" target="_blank">
						<i class="iconfont icon-more"></i>
						更多
					</a>
				</div>
			</div>
			<div class="auto clearfix">
				<div class="zy_szx clearfix">
					<div class="zy_szx_item">
						<p class="zy_szx_title">最新资讯</p>
						<div class="zy_szx_img">
							<img src="" alt="">
						</div>
						<ul class="zy_szx_ul">
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
						</ul>
					</div>
					<div class="zy_szx_item">
						<p class="zy_szx_title">最新资讯</p>
						<div class="zy_szx_img">
							<img src="" alt="">
						</div>
						<ul class="zy_szx_ul">
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
						</ul>
					</div>
					<div class="zy_szx_item">
						<p class="zy_szx_title">最新资讯</p>
						<div class="zy_szx_img">
							<img src="" alt="">
						</div>
						<ul class="zy_szx_ul">
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
						</ul>
					</div>
					<div class="zy_szx_item zy_szx_item_last">
						<p class="zy_szx_title">最新资讯</p>
						<div class="zy_szx_img">
							<img src="" alt="">
						</div>
						<ul class="zy_szx_ul">
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
							<li class="zy_szx_li">
								<a href="" title="" target="_blank">
									<h2 class="zy_szx_li_title">国庆军事营帮助孩子完成一次人生蜕变之旅！！</h2>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 最新资讯结构end -->

		<!-- 友情链接结构start -->
		<div class="zy_szx auto">
			<div class="zy_item_t clearfix">
				<div class="zy_item_title_wrap">
					<h2 class="zy_item_title">友情链接</h2>
				</div>
			</div>
			<div class="zy_eyq">
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>|
				<a href="" title="" target="_blank">中国</a>
			</div>
		</div>
		<!-- 友情链接结构end -->

		<!-- 底部结构start -->
		<div class="zy_ft">
			<div class="auto">
				<div class="zy_ft_t">
					Copyright 2011-2016开乐夏令营lnc All Right Reserved.京ICP备12048575号-1<br/>
					地址:北京市朝阳区南沙滩66号<br/>
					客服电话:400-0733-010 Emaile:service@kuaile.com
				</div>
				<div class="zy_ft_b">
					<ul class="zy_ft_b_ul clearfix">
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
					</ul>														
				</div>
			</div>
		</div>
		<!-- 底部结构end -->

		<!-- <form id="text_form" method="POST" action="/item">
			name:<input type="text" id="name" name="name"></ br>
			<input class="submit" type="submit" value="提交"/>
		</form>
		<a class="item" href="/item" data-id="zhailaiyong">ssssd</a> -->
    </body>
</html>
<script>
	/*搜索*/
	$(function(){
		$("#zy_hd_search_mtw").click(function(){
			if($('#zy_hd_search_mtext').val()){
				console.log('sss');
			}else{
				console.log('空');
			}
		});
	});
	/*导航固定*/
	$(function(){
		$(document).scroll(function(){
			//console.log($(this).scrollTop(),$('#dd').offset().top);
			if($(this).scrollTop()>=$('#zy_sauto').offset().top){
				$("#zy_hd_navl").addClass("fixed_nav");
				$("#zy_hd_search_m").addClass("fixed_search");
			}else{
				$("#zy_hd_navl").removeClass("fixed_nav");
				$("#zy_hd_search_m").removeClass("fixed_search");
			}
		});
	});
	/*轮播图*/
	$(function(){
		$('#zy_banner').sowing({
			prveBtn: '.zy_banner_prev',
			nextBtn: '.zy_banner_next',
			atlas: '.zy_banner_side_item',
			subScript: '.zy_banner_slider_num li',
			className:'hover'
		});
	});
	/*右侧边栏移入移出*/
	$(function(){
		$('#zy_sidebar').find('a').mouseenter(function(){
			$(this).addClass('zy_sidebar_ac').removeClass('zy_sidebar_de').siblings().removeClass('zy_sidebar_ac');
		}).mouseleave(function(){
			$(this).addClass('zy_sidebar_de').removeClass('zy_sidebar_ac').siblings().removeClass('zy_sidebar_ac');
		});
	});
	/*回到顶部*/
	$('#zy_p_nav_l').click(function(){
		backTop();
	});
	$('#zy_sidebar_l').click(function(){
		backTop();
	});
	function backTop(){
		$('html,body').animate({scrollTop:0},500);
	}
	/*定位导航功能*/
	$(function(){
		var $zyItemTitle = $('.zy_item_title');
		var $zyPNav = $('#zy_p_nav');
		var array = [];
		/*获取每个分类的索引和top值*/
		$zyItemTitle.each(function(index,element){
			array.push({
				index: index,
				offsetTop: $(element).offset().top
			});
		});
		/*根据滚动条显示对应的分类*/
		$(document).scroll(function(){
			if(($(this).scrollTop()+$(window).height()-$zyItemTitle.eq(0).offset().top)>300){
				$zyPNav.show();
			}else{
				$zyPNav.hide();
			}
			var last_array = [];
			for(var i=0; i<array.length; i++){
                if(array[i].offsetTop<$(this).scrollTop()+300){
                    last_array.push(array[i].index);
                }
            };
			var last_index=last_array[last_array.length-1];
			if(last_index==undefined){
				$zyPNav.find('.zy_p_nav_n').removeClass('zy_p_nav_h');
			}
            $zyPNav.find('.zy_p_nav_n')
			.eq(last_index)
			.addClass('zy_p_nav_h')
			.siblings('.zy_p_nav_n')
			.removeClass('zy_p_nav_h');
		});
		/*点击跳到对应的分类*/
		$zyPNav.find('.zy_p_nav_n').each(function(index,element){
			$(element).attr('data-index',index)
		}).click(function(){
			var index = $(this).attr('data-index');
			$('html,body').animate({scrollTop:array[index].offsetTop-70},500);
		});
	});
	/*选项卡*/
	$(function(){
		$('.zy_item_nav').find('.zy_item_nav_li').mouseenter(function(){
			$(this)
			.addClass('zy_item_nav_ac')
			.siblings()
			.removeClass('zy_item_nav_ac')
			.parents('.zy_item_t')
			.siblings()
			.find('.zy_item_c_ul')
			.eq($(this).index())
			.show()
			.siblings()
			.hide();
		})
	});
	/*图片懒加载*/
	// $(function(){
	// 	$(document).scroll(function(){
	// 		var $this = $(this);
	// 		$('img').each(function(index,element){
	// 			if(($this.scrollTop()+$(window).height())>=$(this).offset().top){
	// 				var dataUrl = $(this).attr('data-url');
	// 				$(this).attr('src',dataUrl);
	// 			}
	// 		});
	// 	});
	// });
</script>